﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>NmpStackModalPopUp</title>
    <link type="text/css" href="Scripts/NmpStackCss.css" rel="stylesheet" />
    <script src="Scripts/NmpStackModalPopUp.js" type="text/javascript"></script>
    <style>
        .AlertPopup
        {
            padding: 10px;
            border: 4px solid #fff;
            -moz-border-radius: 5px;
            border-radius: 5px;
            background-color: #e9fafe;
            font-size: 11px;
        }
    </style>
</head>
<body>
    <h1>
        HTML Sample</h1>
    <h2>
        HTML Sample</h2>
    <h3>
        HTML Sample</h3>
    <h4>
        HTML Sample</h4>
    <h5>
        HTML Sample</h5>
    <h6>
        HTML Sample</h6>
    <a href="javascript:ShowNmpStackModalPopUp('tblSamplePopUp');">Show Popup</a>
    <h1>
        HTML Sample</h1>
    <h2>
        HTML Sample</h2>
    <h3>
        HTML Sample</h3>
    <h4>
        HTML Sample</h4>
    <h5>
        HTML Sample</h5>
    <h6>
        HTML Sample</h6>
    <h1>
        HTML Sample</h1>
    <h2>
        HTML Sample</h2>
    <h3>
        HTML Sample</h3>
    <h4>
        HTML Sample</h4>
    <h5>
        HTML Sample</h5>
    <h6>
        HTML Sample</h6>
    <h1>
        HTML Sample</h1>
    <h2>
        HTML Sample</h2>
    <h3>
        HTML Sample</h3>
    <h4>
        HTML Sample</h4>
    <h5>
        HTML Sample</h5>
    <h6>
        HTML Sample</h6>
    <table border="0" width="500px" id="tblSamplePopUp" class="NmpStackModalPopUp">
        <tr>
            <td>
                <table class="AlertPopup" border="0">
                    <tr>
                        <td align="right">
                            <a onclick="HideNmpStackModalPopUp()">
                                <img src="images/icon-close.png" border="0" style="cursor: pointer;" /></a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <h3>
                                <a href="javascript:ShowNmpStackModalPopUp('tblSampleChildPopUp');">Show Popup over
                                    Popup</a></h3>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sem urna, tempus non
                            placerat ut, congue a nibh. Sed accumsan nisi sed justo vehicula condimentum. Phasellus
                            vitae enim urna, vitae posuere nunc. Integer in ligula eros. Quisque vel ultrices
                            est. Sed eget nisl est, quis aliquet lacus. Mauris eu tortor a lectus dictum rhoncus
                            eu a lorem. Aenean luctus felis libero. Phasellus vitae enim urna, vitae posuere
                            nunc. Integer in ligula eros. Quisque vel ultrices est. Sed eget nisl est, quis
                            aliquet lacus. Mauris eu tortor a lectus dictum rhoncus eu a lorem. Aenean luctus
                            felis libero.
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <table border="0" width="300px" id="tblSampleChildPopUp" class="NmpStackModalPopUp">
        <tr>
            <td>
                <table class="AlertPopup" border="0">
                    <tr>
                        <td align="right">
                            <a onclick="HideNmpStackModalPopUp()">
                                <img src="images/icon-close.png" border="0" style="cursor: pointer;" /></a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sem urna, tempus non
                            placerat ut, congue a nibh. Sed accumsan nisi sed justo vehicula condimentum. Phasellus
                            vitae enim urna, vitae posuere nunc. Integer in ligula eros. Quisque vel ultrices
                            est. Sed eget nisl est, quis aliquet lacus. Mauris eu tortor a lectus dictum rhoncus
                            eu a lorem. Aenean luctus felis libero. Phasellus vitae enim urna, vitae posuere
                            nunc. Integer in ligula eros. Quisque vel ultrices est. Sed eget nisl est, quis
                            aliquet lacus. Mauris eu tortor a lectus dictum rhoncus eu a lorem. Aenean luctus
                            felis libero.
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</body>
</html>
